import {
  network
} from '../../utils/network.js'
Page({

  data: {
    items: [],
    history: []
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    let _this = this;
    wx.getStorage({
      key: 'searched',
      success: function(res) {
        console.log(res)
        let history = res.data;
        _this.setData({
          history,
        })
      },
    })
  },
  onsearchInput(e) {
    let _this = this;
    let value = e.detail.value;
    if (value === ""){
      _this.setData({
        items:null,
      })
      return;
    }
    network.getSerachItem({//调用搜索接口
      value,
      success(res) {
        _this.setData({//更新data数据
          items: res
        })
      }
    })
  },
  onItemTap(e) { //去到详情页面
    let _this = this;
    let id = e.currentTarget.dataset.id;
    let title = e.currentTarget.dataset.title;
    let history = _this.data.history;
    let isExisted = false;
    for (let i = 0; i < history.length; i++) {
      let movie = history[i];
      if (movie.id == id) {
        isExisted = true;
        console.log(`break`)
        break
      }
    }
    if (!isExisted) {
      console.log(33)
      history.push({
        id: id,
        title: title
      })
      // 对点击后的数据做缓存,之后显示在历史记录上
      wx.setStorage({
        key: 'searched',
        data: history,
        success(res) {
          console.log(`保存成功 `)
        }
      })
    }

    wx.navigateTo({
      url: `/pages/detail/detail?type=movie&id=${id}`,
    })


  },
  onclear() {
    let _this = this;
    wx.removeStorage({
      key: 'searched',
      success: function(res) {
        wx.showToast({
          title: '消除成功',
          icon: 'success',
          duration: 2000
        })
      },
    });
    _this.setData({
      history:null
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})